<template>
  <view >

    <view class="re-tip">
    </view>

    <scroll-view class="scroll-view" scroll-y>
        {{content}}

    </scroll-view>

    <view class="br">
            <image
            class="logo"
            src="https://dmn000001-1301065476.cos.ap-guangzhou.myqcloud.com/sas/apple/rentou.png"
            mode="widthFix"></image>
    </view>

    <view class="mr-commit" @click="reCommit"  :style="{ 'background-image': 'url(' + EnumBG.BU4 + ')' }">
        再测一次    
    </view>

    <!-- <view>
        <image
        class="tip"
        :class="sizeStatus ? 'tip-big' : 'tip-small'"
        src="/static/fund/tip.png"
        mode="widthFix"
        ></image>
  </view> -->

  </view>
</template>

<script setup lang="ts">
import { EnumBG } from "@/utils/content";
import { EnumStatus } from "@/utils/constants";
interface IProps {
    content:any
}
const props = withDefaults(defineProps<IProps>(), {})
const sizeStatus = ref(false)
const emit = defineEmits(['update:defStatus'])
// const startTimer = () => {
//     setInterval(() => {
//         sizeStatus.value =  !sizeStatus.value
//     }, 1000); // 每秒执行一次
// };

const reCommit =()=>{
emit('update:defStatus',EnumStatus.STATUS)

}

onMounted(()=>{
    // startTimer()
})
</script>

<style lang="scss" scoped>
.scroll-view{
    background: linear-gradient(to bottom, rgb(219,218,210), rgb(232,209,201));
    width: 60%;
    height: 600rpx;
    position: absolute;
    top: 33%;
    left: 18%;
    z-index: 10;
    padding: 20rpx;
    font-size: 28rpx;

}

.mr-commit{
      z-index: 102;
      position: absolute;
      top: 90%;
      width: 46%;
      height: 110rpx;
      left: 27%;
      background-size: 100% 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      color: rgb(35,252,209);
  }
  .tip{
        position: absolute;
        top: 63%;
        left: 50%;
        z-index: 104;
        width: 300rpx;
        height: 140rpx;
    }
    .tip-small{
        top: 63%;
        left: 60%;
        z-index: 104;
        width: 300rpx;
        transition: all 1s;
    }

    .tip-big{
        top: 62%;
        left: 55%;
        z-index: 104;
        width: 330rpx;
        transition: all 1s;
    }


    .re-tip{
        width: 50%;
        height: 80rpx;
        background-size: 100% 100%;
        background-repeat: no-repeat;
        position: absolute;
        left: 25%;
        top: 25%; 
        background-image: url('https://dmn000001-1301065476.cos.ap-guangzhou.myqcloud.com/sas/apple/re-tip.png');
    }
    .br{
        width: 80%;
        height: 900rpx;
        position: absolute;
        left: 10%;
        top: 20%;   
        background-size: 100% 100%;
        background-repeat: no-repeat;
        display: flex;
        align-items: center;
        justify-content: center;
        background-image: url('https://dmn000001-1301065476.cos.ap-guangzhou.myqcloud.com/sas/apple/biankuang.png');
        .logo{
            margin-top: 50rpx;
            width: 240rpx;
            height: 240rpx;
        }
    }

</style>
